<nz-layout class="app-layout">
  <nz-sider class="menu-sidebar"
            nzCollapsible
            nzWidth="256px"
            nzBreakpoint="md"
            [(nzCollapsed)]="isCollapsed"
            [nzTrigger]="null">
    <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
      <li nz-submenu nzOpen nzTitle="golden-retriver" nzIcon="dashboard">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/query">指标数据查询</a>
          </li>  
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/eventValueQuery">事件数据查询</a>
          </li>          
        </ul>
      </li>
      <li nz-submenu nzOpen nzTitle="标签模块" nzIcon="filter">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/ruleQuery">标签规则</a>
          </li>
        </ul>
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/windowResultQuery">当前窗口值</a>
          </li>
        </ul>
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/rulePointQuery">历史窗口值</a>
          </li>
        </ul>
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/windowAggregateQuery">实时归并数据</a>
          </li>
        </ul>
      </li>
      <li nz-submenu nzOpen nzTitle="报表归并" nzIcon="read">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/aggregateQuery">归并数据查询</a>
          </li>
        </ul>        
      </li>
      <li nz-submenu nzOpen nzTitle="性能监控" nzIcon="line-chart">
        <ul>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/monitor">数据处理监控</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/systemMonitor">系统性能监控</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/r2dbcPool">r2dbc连接池</a>
          </li>
          <li nz-menu-item nzMatchRouter>
            <a routerLink="/cassandraPool">cassandra连接池</a>
          </li>
        </ul>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header>
      <div class="app-header">
        <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
            <i class="trigger"
               nz-icon
               [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
            ></i>
        </span>
      </div>
    </nz-header>
    <nz-content>
      <div class="inner-content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>
